<template>
    <view style="height: 100%">
        <view class="title">社团列表</view>
        <view class="item" :data-sign="item.sign" @tap="handlePage" v-for="(item, index) in show" :key="index">
            <image class="item-image" :src="item.img"></image>
            <view class="item-content">
                {{ item.title }}
            </view>
        </view>
    </view>
</template>

<script>
// index.js
// 获取应用实例
const app = getApp();
export default {
    data() {
        return {
            show: [
                {
                    img: '/static/resource/职业.png',
                    title: '浏览活动',
                    sign: 'activity'
                }
            ]
        };
    },
    methods: {
        handlePage(e) {
            console.log(e);
            const sign = e.currentTarget.dataset.sign;
            uni.navigateTo({
                // url: '/pages/sign/sign',
                url: '/pages/' + sign + '/' + sign
            });
            console.log(sign);
        }
    }
};
</script>
<style>
/**index.wxss**/
.sw-image {
    width: 708rpx;
    height: 250rpx;
    border-radius: 12px;
}
.swiper-item {
    box-sizing: border-box;
    padding: 0 6rpx;
}
.swiper {
    height: 250rpx;
    margin-top: 35rpx;
}
.title {
    margin-top: 20rpx;
    margin-left: 20rpx;
    margin-bottom: 20rpx;
}
.title {
    font-size: 30rpx;
    color: #252627;
    font-weight: 800;
}
.item {
    display: flex;
    margin-top: 16rpx;
}
.item-image {
    width: 208rpx;
    height: 150rpx;
    border-radius: 16rpx;
    margin-left: 24rpx;
}
.item-content {
    flex: 1;
    margin-left: 24rpx;
    border-bottom: 1rpx solid #d9dde1;
    margin-right: 40rpx;
}
.item-content {
    line-height: 48rpx;
    font-size: 32rpx;
    columns: #282828;
    font-weight: bold;
}
</style>
